<script setup>
import { useEnumeratePicker, calculateColumnWidth } from '@/utils'

const props = defineProps({
  shopInfo: {
    type: Object,
    default: () => ({})
  },
  is_futuresList: {
    type: Array,
    default: () => []
  }
})

defineExpose({})
</script>

<template>
  <div>
    <div class="flex items-center justify-between">
      <span>算力：</span>
      <span>{{ shopInfo.hashrate }}</span>
    </div>
    <div class="flex items-center justify-between">
      <span>库存类型：</span>
      <span>{{ useEnumeratePicker(is_futuresList, shopInfo.is_futures) }}</span>
    </div>
    <div class="flex items-center justify-between">
      <span>到货日期：</span>
      <span>{{ shopInfo.arrival_date }}</span>
    </div>
    <div class="flex items-center justify-between">
      <span>真实到货日期：</span>
      <span>{{ shopInfo.real_arrival_date }}</span>
    </div>
    <div class="flex items-center justify-between">
      <span>库存汇总：</span>
      <span>{{ shopInfo.quantity }}</span>
    </div>
    <div class="flex items-center justify-between">
      <span>售价（美金）：</span>
      <span>{{ shopInfo.price }}</span>
    </div>
    <div class="flex items-center justify-between">
      <span>头程物流费（美金）：</span>
      <span>{{ shopInfo.first_leg_logistics_fee }}</span>
    </div>
    <div class="flex items-center justify-between">
      <span>备注（美金）：</span>
      <span>{{ shopInfo.remark }}</span>
    </div>
    <div class="flex items-center justify-between">
      <span>售价（人民币）：</span>
      <span>{{ shopInfo.price_rmb }}</span>
    </div>
    <div class="flex items-center justify-between">
      <span>头程物流费（人民币）：</span>
      <span>{{ shopInfo.first_leg_logistics_fee_rmb }}</span>
    </div>
    <div class="flex items-center justify-between">
      <span>备注（人民币）：</span>
      <span>{{ shopInfo.remark_rmb }}</span>
    </div>
  </div>
</template>

<style lang="less"></style>
